/*
 * @Author: hh
 * @Date: 2025-08-25 14:52:31
 * @LastEditors: hh
 * @LastEditTime: 2025-09-16 14:08:53
 * @Description:
 */
// import { ConfigProvider } from "./components/Space/ConfigProvider";
// import IconApp from "./components/Icon/icons/IconApp";
// import SpaceApp from "./components/Space/index";
// import Portal from "@/components/Component/Portal";
// import MutateObserver from "@/components/Component/MutateObserver";
// import CopyToClipboard from "@/components/Component/CopyToClipboard";
// import ChildrenApp from "./components/Children/ChildrenApp.tsx";
import "@ant-design/v5-patch-for-react-19";
import "./App.scss";
import { useRef, useEffect } from "react";
import { Button } from "antd";
// import Watermark from "@/components/Watermark/Watermark";
import Countdown from "@/components/Countdown";
function App() {
  const containerRef = useRef<{ container: HTMLDivElement; clear: () => void }>(
    null
  );

  const handle = () => {
    containerRef.current?.clear();
  };

  const content = <Button onClick={handle}>123</Button>;

  useEffect(() => {
    console.log(containerRef);
  }, []);
  return (
    <div>
      {/* <IconApp></IconApp>
      <ConfigProvider space={{ size: 20 }}>
        <SpaceApp direction="horizontal">
          <div className="box"></div>
          <div className="box"></div>
          <div className="box"></div>
        </SpaceApp>
        <SpaceApp
          direction="horizontal"
          split={<div className="w-5 h-5 bg-red-600"></div>}
        >
          <div className="box"></div>
          <div className="box"></div>
          <div className="box"></div>
        </SpaceApp>
      </ConfigProvider> */}
      {/* <ChildrenApp></ChildrenApp>
       */}
      {/* <Portal
        ref={containerRef}
        attach={document.body}
        children={content}
      ></Portal>
      <MutateObserver></MutateObserver> */}
      {/* <CopyToClipboard
        text="123"
        onCopy={() => {
          console.log("复制成功");
        }}
      >
        <div onClick={() => alert("123")}>复制</div>
      </CopyToClipboard> */}
      {/* <Watermark rotate={-45} content={["测试水印", "琪琪"]}>
        {" "}
        <div style={{ height: 800 }}>
          <p>
            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quos quod
            deserunt quidem quas in rem ipsam ut nesciunt asperiores dignissimos
            recusandae minus, eaque, harum exercitationem esse sapiente?
            Eveniet, id provident!
          </p>
          <p>
            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quos quod
            deserunt quidem quas in rem ipsam ut nesciunt asperiores dignissimos
            recusandae minus, eaque, harum exercitationem esse sapiente?
            Eveniet, id provident!
          </p>
          <p>
            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quos quod
            deserunt quidem quas in rem ipsam ut nesciunt asperiores dignissimos
            recusandae minus, eaque, harum exercitationem esse sapiente?
            Eveniet, id provident!
          </p>
          <p>
            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quos quod
            deserunt quidem quas in rem ipsam ut nesciunt asperiores dignissimos
            recusandae minus, eaque, harum exercitationem esse sapiente?
            Eveniet, id provident!
          </p>
          <p>
            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quos quod
            deserunt quidem quas in rem ipsam ut nesciunt asperiores dignissimos
            recusandae minus, eaque, harum exercitationem esse sapiente?
            Eveniet, id provident!
          </p>
          <p>
            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quos quod
            deserunt quidem quas in rem ipsam ut nesciunt asperiores dignissimos
            recusandae minus, eaque, harum exercitationem esse sapiente?
            Eveniet, id provident!
          </p>
          <p>
            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quos quod
            deserunt quidem quas in rem ipsam ut nesciunt asperiores dignissimos
            recusandae minus, eaque, harum exercitationem esse sapiente?
            Eveniet, id provident!
          </p>
        </div>
      </Watermark> */}
      <Countdown></Countdown>
    </div>
  );
}

export default App;
